<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1">
    <title>区块头条</title>


    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>

    <!--自定义字体-->
    <link rel="stylesheet" href="css/font.css">

    <link rel="stylesheet/less" type="text/css" href="css/base.less" />
    <link rel="stylesheet" type="text/css" href="css/personalGainInt.css">

    <script src="js/less.js"></script>
    <script src="js/qs.js"></script>
    <script src="js/jquery.qrcode.min.js"></script>
    <script src="js/base.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/jquery.md5.js"></script>
    <script src="js/html-params.js"></script>
    <script src="js/vue.js"></script>

    <script src="js/page/personal.js"></script>

    <!--各种图-->
    <script type="text/javascript" src="js/echart/echarts.min.js"></script>
    <!--加载Axios-->
    <script src="js/axios.min.js"></script>
</head>
<body>
<div id="header" v-cloak="">
    <header-content></header-content>
</div>
//表格数据

<div id="main">
    <div class="content">
        <!--头像和菜单-->
        <div id="my-info" v-cloak="">
            <personal-menu-content  :is-one="true"></personal-menu-content>
        </div>

        <!--具体内容显示-->
        <div id="info-list">
            <!--积分块-->
            <div class="" id="gain-int" v-cloak="">
                <div class="title">赚取积分</div>
                <div class="gain-box">
                    <div class="gain-item">
                        <div class="left use">
                            <div class="left-title">推荐新用户赚积分</div>
                            <div class="left-warn">每邀请一名好友成功注册区块头条 积分+100</div>

                            <div class="share-type hidden" id="int-share-type"  @mouseLeave="closeShare">
                                <div class="share-type-item"  @click="toShareType(1,$event)" value="int"><img src="image/weibo.png">新浪微博</div>
                                <div class="share-type-item"  @click="toShareType(3,$event)" value="int"><img src="image/qq.png">QQ分享</div>
                                <div class="share-type-item"  @click="toShareType(2,$event)" value="int"><img src="image/weixin.png">微信分享</div>
                                <div class="code"></div>
                                <div class="down"></div>
                            </div>
                            <div class="left-finsh" @click="getUserInt" value="int"  infotype="6">去完成<img src="image/youActive.png"></div>
                        </div>
                        <div class="right">
                            <img src="image/z1.png">
                        </div>
                        <div class="clearfix"></div>
                    </div>


                    <div class="gain-item">
                        <div class="left">
                            <div class="left-title">每日登录<span>+10</span>分</div>
                            <div class="left-warn">只要登录就可轻轻松松得积分，同一天多次登录算一次</div>
                            <div class="left-finsh finsh-font" v-if="isUserLogin()">已完成<img src="image/you.png"></div>
                            <div class="left-finsh" @click="getLoginInt" v-else>去完成<img src="image/youActive.png"></div>
                        </div>
                        <div class="right">
                            <img src="image/z3.png">
                        </div>
                        <div class="clearfix"></div>
                    </div>

                    <div class="gain-item">
                        <div class="left">
                            <div class="left-title">分享内容，积分赚不停</div>
                            <div class="left-warn">每天成功将区块头条内容分享到其他平台 每次获得积分+5，每日上限50</div>
                            <div class="left-finsh" @click="getShareInt">去完成<img src="image/youActive.png"></div>
                        </div>
                        <div class="right">
                            <img src="image/z2.png">
                        </div>
                        <div class="clearfix"></div>
                    </div>

                    <div class="gain-item">
                        <div class="left">
                            <div class="left-title">参与币价涨跌幅竞猜赢积分</div>
                            <div class="left-warn">竞猜币价涨跌，投注赢取积分，通过"币种"找到您心仪的数字货币，进入币种</div>
                            <div class="left-finsh" @click="getCurrencyInt">去完成<img src="image/youActive.png"></div>
                        </div>
                        <div class="right">
                            <img src="image/z5.png">
                        </div>
                        <div class="clearfix"></div>
                    </div>


                    <div class="gain-item">
                        <div class="left">
                            <div class="left-title">注册赚积分</div>
                            <div class="left-warn">新用户注册成功+200</div>
                            <div class="left-finsh finsh-font" v-if="isUserLogin()">已完成<img src="image/you.png"></div>
                            <div class="left-finsh" v-else @click="getRegisterInt">去完成<img src="image/youActive.png"></div>
                        </div>
                        <div class="right">
                            <img src="image/z4.png">
                        </div>
                        <div class="clearfix"></div>
                    </div>




                    <div class="clearfix"></div>
                </div>

            </div>
        </div>
    </div>
</div>

<div class="clearfix"></div>
<div id="footer">
    <footer-content></footer-content>
</div>
</body>
</html>
